<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<link rel = "stylesheet" type = "text/css" href = "style/style.css" />

<title>"fiche Propriétaire" dans "Département" - eSharing</title>
</head>

<body>  
 	<div class = "topbarcontenu">
    <div>
      <span class = "logo"><img src = "images/logo.jpg" /></span>
      <span class = "toplink">Bienvenue, <a href = "tableaudebord.html">(nomUtilisateur)</a> <a href = "">Déconnexion</a></span>
      <span class = "topbarrechercher">
          <h:form class = "recherchepages">
            <h:inputText value="#{mbFichePret.rechercher()}" id = "cetaem" class="textrecherche" maxlength = "80" placeholder = "Que voulez-vous emprunter ?" />
            <h:commandButton value="Rechercher" action="#{mbFichePret.rechercher()}"  id = "btnrechercher" />
          </h:form>
      </span>
    </div><br />
   	<div>
      <span class = "parrainage">
        
        <h:form id = "parrainer">
          <h:inputText value=""  id = "cetaem" class="mailfilleul" maxlength = "80" placeholder = "Adresse mail" />
          <h:commandButton value="Parrainer un ami !" action="#{mbFichePret.parrainer()}"  id = "btnparrain" />
        </h:form>
      </span>
    </div>
</div>
  
  <p> </p>
  
  <div id = "pagecontenusansdroite">  
    <div>
      <table>   
        <tr>
          <td style = "width:200px; vertical-align:top;">
  
            <h2>(nom Proprietaire)</h2>
            <p><img src = "" class = "imgAvatarPrincipal" style = "width:50%;height:125px" align = "left" />
            <h4>(code postal)</h4>
            <h4>(commune)</h4></p>
            
            <br clear = "left"><a href = "">Message</a></br>
            
            Depuis (date)
            
            <h4>Biographie</h4>
            
            <p> à saisir</p>            
         
          </td>
          
          <td style = "vertical-align:top;">
          
            <h3>Explorer mes appareils !</h3>
            
            <p>
              <a href = "">
                <span class = "spanResultat">
                  Étoiles<br />
                  <img source = "" class = "imgRes" /><br />
                  Type/marque de l'AEM<br />
                  Disponibilité de l'AEM | Valeur<br />
                </span>
              </a>
        
              <a href = "">
                <span class = "spanResultat">
                  Étoiles<br />
                  <img source = "" class = "imgRes" /><br />
                  Type/marque de l'AEM<br />
                  Disponibilité de l'AEM | Valeur<br />
                </span>
              </a>
        
              <a ahref = "">
                <span class = "spanResultat">
                  Étoiles<br />
                  <img source = "" class = "imgRes" /><br />
                  Type/marque de l'AEM<br />
                  Disponibilité de l'AEM | Valeur<br />
                </span>
              </a>
        
            </p>
          
          </td>
          
        </tr>
        
      </table>
      
      <div id = "propActivite">
        <span><h3 style = "display:inline-block;margin:0;">Sommaire d'activités</h3></span><span style = "float:right;">Ratio prêts/emprunts : (ratio)</span>
        
        <table style = "width:100%">
        
          <tr>
          
            <td id = "tdActPret">
        
              <div id = "propAvis">
              
                <table>
                
                  <tr>
                  
                    <th style = "text-align:left;"><h4 style = "display:inline-block;margin:0;">Prêteur (x) fois</h4></th>
                    <th style = "text-align:right;">(étoiles)</th>
                  
                  </tr>
                
                  <tr>
                  
                    <td>Critère 1 :</td>
                    <td>(étoiles)</td>
                  
                  </tr>
                  
                  <tr>
                  
                    <td>Critère 2 :</td>
                    <td>(étoiles)</td>
                  
                  </tr>
                  
                  <tr>
                  
                    <td>Critère 3 :</td>
                    <td>(étoiles)</td>
                  
                  </tr>
                  
                </table>
              
                <h4>Avis sur ses prêts</h4>
                
                <div>
              
                  <p>(étoiles) (dateEcrit) <a href = "ficheProprietaire.html">nomInterlocuteur <img src = "" style = "width:30px"/></a> <br />
                  <a href = "">aemConcerne</a></p>
                  
                  <p>(commentaires)</p>
                  
                  <p>(Critère 1) : (étoiles)<br />   
                  (Critère 2) : (étoiles)<br />        
                  (Critère 3) : (étoiles)<br />        
                  </p>
                  
                </div>
              
                <div>
              
                  <p>(étoiles) (dateEcrit) <a href ="ficheProprietaire.html">nomInterlocuteur <img src = "" style = "width:30px"/></a> <br />
                  <a href = "">aemConcerne</a></p>
                  
                  <p>(commentaires)</p>
                  
                  <p>(Critère 1) : (étoiles)<br />        
                  (Critère 2) : (étoiles)<br />        
                  (Critère 3) : (étoiles)<br />        
                  </p>
                  
                </div>
                
                <div>
                  <a href = "">Afficher tous les avis...</a>
                </div>
        
              </div>
          
            </td>
          
            <td id = "tdActPret">
        
              <div id = "propAvis">
              
                <table>
                
                  <tr>
                  
                    <th style = "text-align:left;"><h4 style = "display:inline-block;margin:0;">Emprunteur (x) fois</h4></th>
                    <th style = "text-align:right;">(étoiles)</th>
                  
                  </tr>
                
                  <tr>
                  
                    <td>Critère 1 :</td>
                    <td>(étoiles)</td>
                  
                  </tr>
                  
                  <tr>
                  
                    <td>Critère 2 :</td>
                    <td>(étoiles)</td>
                  
                  </tr>
                  
                  <tr>
                  
                    <td>Critère 3 :</td>
                    <td>(étoiles)</td>
                  
                  </tr>
                  
                </table>
              
                <h4>Avis sur ses emprunts</h4>
                
                <div>
              
                  <p>(étoiles) (dateEcrit) <a href = "ficheProprietaire.html">nomInterlocuteur <img src = "" style = "width:30px"/></a> <br />
                  <a href = "">aemConcerne</a></p>
                  
                  <p>(commentaires)</p>
                  
                  <p>(Critère 1) : (étoiles)<br />   
                  (Critère 2) : (étoiles)<br />        
                  (Critère 3) : (étoiles)<br />        
                  </p>
                  
                </div>
              
                <div>
              
                  <p>(étoiles) (dateEcrit) <a href = "ficheProprietaire.html">nomInterlocuteur <img src = "" style = "width:30px"/></a> <br />
                  <a href = "">aemConcerne</a></p>
                  
                  <p>(commentaires)</p>
                  
                  <p>(Critère 1) : (étoiles)<br />        
                  (Critère 2) : (étoiles)<br />        
                  (Critère 3) : (étoiles)<br />        
                  </p>
                  
                </div>
                
                <div>
                  <a href = "">Afficher tous les avis...</a>
                </div>
        
              </div>
          
            </td>
              
          </tr>
              
        </table>
        
      </div>
      
    </div>

  </div>
  
  <div id = "goodies">
  
      <ul id="sociallinks" style = "float:right">
        <li>
          <a href="@sadfdsafdfd">FB</a>
        </li>
        <li>
          <a href="@sadfdsafdfd">TW</a>
        </li>
        <li>
          <a href="@sadfdsafdfd">G+</a>
        </li>
        <li>
          <a href="@sadfdsafdfd">RSS</a>
        </li>
      </ul>
  
  </div>
  
  
<div class="footer">                        
    <span style="align: left">                                       
      <a href="/trust">Confiance et sécurité</a>                            
    </span>                        
    <span style="align: left">                                       
      <a href="/about/about-us">A propos</a>                        
    </span>                        
</div>	

</body>
  
</html>